import { defineComponent } from "vue";
import "./deploy-status.scss";
import { ProductStatusEnum } from "../../../enums/statusEnum";
export default defineComponent({
	props: {
		modelValue: [String, Boolean]
	},
	emits: [],
	setup(props) {
		return () => {
			return (
				<div class={["status-block", props.modelValue == ProductStatusEnum.DEPLOY ? "deploy" : "develop"]}>
					<span class="text">
						{props.modelValue == ProductStatusEnum.DEPLOY ? ProductStatusEnum.DEPLOY_LABEL : ProductStatusEnum.DEVELOP_LABEL}
					</span>
					<div class={["status-bg-top"]}></div>
					<div class={["status-bg-bottom"]}></div>
				</div>
			);
		};
	}
});
